﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="BusinessGroupPage.aspx.cs" Inherits="FBKPI.Pages.BusinessGroupPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            mainmenu("#nav ul", "#nav li");
            mainmenu("#menu_wrap ul", "#menu_wrap li");
            $("#divdetail").hide();
            $("#divdetail").dialog({
                title: '<span class="header-text">Business Group Form</span>',
                autoOpen: false,
                width: 400,
                height: 200,
                modal: true,
                resizable: false
            });

            //datatable section
            $("#BusinessGroupTable").dataTable({
                "oLanguage": {
                    "sZeroRecords": "No records to display",
                    "sSearch": "Search"
                },
                "bSort": true,
                "bPaginate": true,
                "bAutoWidth": false,
                "bProcessing": true,
                "bServerSide": true,
                "bDestroy": true,
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "bDeferRender": true,
                "fnServerData": function (sSource, aoData, fnCallback) {
                    $.ajax({
                        "dataType": 'json',
                        "type": "GET",
                        "url": "../Serializer/BusinessGroupSerializer.ashx?CurrUser=" + $("#txt_user").val(),
                        "data": aoData,
                        "success": fnCallback
                    });
                },
                "aoColumns": [

            { "mData": "No", "sWidth": "5%" },
            { "mData": "Description" },
            { "mData": "isActive", "sWidth": "10%" },
            { "mData": "LastModifiedDate" },
            { "mData": "LastModifiedBy" },
            { "mData": "CreateDate" },
            { "mData": "CreateBy" },

            ],

                "aoColumnDefs": [

//            {

//                "fnRender": function (oObj) {
//                    return "<a href=\"#\" onclick=\"OnDetail('" + oObj.aData["ID"] + "')\">Edit</a>&nbsp;/<a href=\"#\" onclick=\"OnDelete('" + oObj.aData["ID"] + "')\">Delete</a>";
//                },
//                "aTargets": [0]
//            },

             {
                 "fnRender": function (oObj) {
                     if (oObj.aData["isActive"] == 'True') {
                         return "<img src='../images/check.png' />"
                     } else {
                         return "<img src='../images/cross.png' />"
                     }
                 },
                 "aTargets": [2]
             },
              {
                  "bVisible": false,
                  "aTargets": [3,4, 5, 6]
              },
              {
                 "sClass": "center",
                 "aTargets": [0, 2,3, 5]
             }]
            });

            //mark selected row
            $('body').on("click", '#BusinessGroupTable tbody tr', function () {
                $('#BusinessGroupTable tbody tr').removeClass("row_selected");
                $(this).addClass("row_selected");
            });
            //--------------------end of mark selected row-----------------------------
            //$("#BusinessGroupTable_filter label").after('&nbsp;<button id=\"btnAddNew\" style="right: 0px;" onclick=\'OnDetail(0);return false;\'>New Record</button>');
            //$("#BusinessGroupTable_length label").after('&nbsp;<button class="button add" id=\"btnAddNew\" type="button" style="right: 0px;" onclick=\'OnDetail(0);return false;\'>New Record</button>');
            //--------------------end of datatable section-----------------------------------------

            OnDetail = function (code) {
                LoadForm('BusinessGroupForm.aspx?ID=' + code, function (result) {
                    $("#divdetail").html(result);
                    $("#divdetail").dialog('open');
                });
                return false;
            }


            OnDelete = function (code) {
               
                $.msgBox.confirm("Benar data akan dihapus ?", function () {
                    var param = "?";
                    param = param + "action=delete";
                    param = param + "&ID=" + code;
                    param = param + "&CurrUser=" + $("#txt_user").val();
                    ProcessRequest("BusinessGroupHandler.ashx" + param, "#divdetail", "#BusinessGroupTable");
                    return false;
                }, false);

                return false;
            }
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div style="height: 525px; overflow: auto;">
        <div id="businessgrouptable">
            <div>
                <div class="customPageHeader">
                    <span class="customPageTitle">Business Group</span>
                </div>
                <div class="ui-widget-content">
                    <table cellpadding="0" cellspacing="0" class="display" id="BusinessGroupTable">
                        <thead>
                            <tr>
                               
                                <th>
                                    No
                                </th>
                                <th>
                                    Business Group
                                </th>
                                <th>
                                    is Active
                                </th>
                                <th>
                                    Last Update Date
                                </th>
                                <th>
                                    Last Updated By
                                </th>
                                <th>
                                    Creation Date
                                </th>
                                <th>
                                    Created By
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <br />
        </div>
        <div id="divdetail">
        </div>
    </div>
</asp:Content>
